<ion-header>
  <ion-toolbar color="customblue">
    <ion-title >
      公证查询
    </ion-title>
  </ion-toolbar>
  <div class="setScroll">
    <div (click)="segmentChange(0)" [ngClass]="{'active': tabsNum==0}" class="segment">视频公证</div>  
    <div (click)="segmentChange(1)" [ngClass]="{'active': tabsNum==1}" class="segment">在线公证</div>
  </div>
</ion-header>

<ion-content>
  <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
    <ion-refresher-content
      pullingIcon="arrow-dropdown"
      pullingText="下拉刷新"
      refreshingSpinner="dots"
      refreshingText="刷新中...">
    </ion-refresher-content>
  </ion-refresher>
  <ion-slides (ionSlideDidChange)="sildeChange()" [options]="slideOpts">
    <ion-slide class="slide">

      <div *ngIf='data1.length==0' class="nofile">
        <i class="iconfont iconyduiwodedingdan" ></i>
        <span>您还没有相关数据</span>
      </div>
      <div class="slide-title" *ngFor="let item of data1">
        <div class="slide1-bgc"></div>
        <div class="title1" (click)="goOrder(1,item.unitGuid)">
          <img src="../../assets/image/ico_shipin.png">
          <p class="title-p1">{{item.notaryName}}</p>
          <p class="title-p2">{{item.notaryStateName}}</p>
          <i class=" iconfont iconjiantou title-icon"></i>
        </div>
        <div class="slide1">
          <p>申请号</p>
          <p>{{item.orderNo}}</p>
        </div>
        <div class="slide1">
          <p>公证事项</p>
          <p>{{item.notaryItemNames}}</p>
        </div>
        <div class="slide1">
          <p>申请时间</p>
          <p>{{item.createDate}}</p>
        </div>
        <div class="slide-btn">
          <button class="slide1-btn" (click)="goOrder(1,item.unitGuid)">查看</button>
          <button class="slide1-btn btn-last" *ngIf="item.notaryState == 100" (click)="makeUp(item.orderNo)">补缴</button>
        </div>
      </div>
    </ion-slide>
    <ion-slide class="slide">
      <div *ngIf='data2.length ==0' class="nofile">
        <i class="iconfont iconyduiwodedingdan" ></i>
        <span>您还没有相关数据</span>
      </div>
      <div class="slide-title" *ngFor="let item of data2">
        <div class="slide1-bgc"></div>
        <div class="title1" (click)="goOrder(2,item.unitGuid)">
          <img src="../../assets/image/ico_zizhu.png">
          <p class="title-p1">{{item.notaryName}}</p>
          <p class="title-p2">{{item.notaryStateName}}</p>
          <i class=" iconfont iconjiantou title-icon"></i>
        </div>
        <div class="slide1">
          <p>申请号</p>
          <p>{{item.orderNo}}</p>
        </div>
        <div class="slide1">
          <p>公证事项</p>
          <p>{{item.notaryItemNames}}</p>
        </div>
        <div class="slide1">
          <p>申请时间</p>
          <p>{{item.createDate}}</p>
        </div>
        <div class="slide-btn">
          <button class="slide1-btn" (click)="goOrder(2,item.unitGuid)">查看</button>
          <!-- <button class="slide1-btn">撤销</button> -->
          <button class="slide1-btn btn-last" *ngIf="item.notaryState == 15" (click)="replay(item.orderNo)">去付款</button>
          <button class="slide1-btn btn-last" *ngIf="item.notaryState == 100" (click)="makeUp(item.orderNo)">补缴</button>
        </div>
      </div>
    </ion-slide>
    
  </ion-slides>
  <ion-infinite-scroll threshold="100px" (ionInfinite)="loadData($event)">
    <ion-infinite-scroll-content
      loadingSpinner="dots"
      loadingText="加载中...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>
